body {
	background: url(../img/bg.jpg) !important;
}


/* pading */
.m-padded-lr-responsive{
	padding-left: 4em !important;
	padding-right: 4em !important;
}
.m-mobile-lr-clear {
		padding-left: 2em !important;
		padding-right: 2em !important;
	}


.m-padded-mini {
	padding: 0.2em !important;
}
.m-padded-tiny {
	padding: 0.3em !important;
}

.m-padded-tb-mini {
	padding-top: 0.2em !important;
	padding-bottom: 0.2em !important;
}

.m-padding-tb-massive {
	padding-top: 5em !important;
	padding-bottom: 5em !important;
}

.m-padding-tb-huge {
	padding-top: 4em !important;
	padding-bottom: 4em !important;
}

.m-padding-tb-big {
	padding-top: 3em !important;
	padding-bottom: 3em !important;
}

.m-padding-tb-large {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.m-padding-tb {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

.m-padding-tb-small {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}
.m-padding-tb-tiny {
	padding-top: 0.3em !important;
	padding-bottom: 0.3em !important;
}
/*---------text-----------*/
.m-text {
	font-weight: 300 !important;
	letter-spacing: 1px !important;
	line-height: 1.9;
}
.m-text-thin {
	font-weight: 300 !important;
}
.m-text-spaced {
	letter-spacing: 1px !important;
}
.m-text-lined {
	line-height: 1.8;
}

/*-------opacity---------*/
.m-opacity-mini {
	opacity: 0.8 !important;
}

.m-opacity-mini {
	opacity: 0.6 !important;
}

/*-------margin------*/
.m-margin-bottom-mini{
	margin-bottom: 0.2em !important;
}
.m-margin-bottom-small{
	margin-bottom: 0.5em !important;
}

.m-margin-top-small{
	margin-top: 0.5em !important;
}
.m-margin-top{
	margin-top: 1em !important;
}
.m-margin-top-large{
	margin-top: 2em !important;
}
.m-margin-bt-tiny{
	margin-top: 0.3em !important;
	margin-bottom: 0.3em !important;
}

/* 阴影 */
.m-shadow-small {
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/*---------显示---*/
.m-inline-block{
	display: inline-block !important;
}
.m-container {
	max-width: 80em !important;
	margin: auto !important;
}
.m-container-small {
	max-width: 60em !important;
	margin: auto !important;
}


/*----颜色----*/
.m-black{
	color: #333 !important;
}


/*----位置-----*/
.m-right-top{
	position: absolute;
	top: 0;
	right: 0;
}

.m-mobile-show {
	display: none !important;
}



@media screen and (max-width: 768px) {
	.m-mobile-hide{
		display: none !important;
	}
	.m-mobile-show {
		display: block !important;
	}
	.m-padded-lr-responsive{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.m-mobile-lr-clear {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.m-mobile-wide {
		width: 100% !important;
	}
}